Frame Settings for Toolbars
The Toolbar Frame tab provides control over various areas of the Toolbar Frame.

It is activated by clicking on the 'Toolbar Pages' icon at the top of the tree view in the Toolbars Tab.

The Toolbar Frame is the frame that runs along the top of your store and typically contains various user-functions that are essential for any online store. These functions may include a button to view the contents of your basket, a search field or a button that takes the shopper to the order form.


Setting the height of the Toolbar Frame
The height of the toolbar frame can easily be controlled from the Toolbar Frame tab, by inserting the height, in pixels, into the 'Toolbar Frame Size' field.


Using the default toolbar
The EROL default toolbar contains the four essential elements for smooth store usability:
- A 'Back' button which takes the user back one page,
- A 'View Basket' button that allows the user to view the items in their basket should they not be visible anyway,
- A 'Checkout' button that allows the user to proceed to the checkout.
- An optional 'Search' button which will launch the search engine.

This default Toolbar can be customised and you have the option of applying a background colour to it or alternatively a background image, as well as the option to include a Search button.

The default Toolbar is always inactive unless a page does not have a custom toolbar assigned to it.


Using your own custom toolbar
You can create your own custom designed toolbar page in EROL that can be inserted into the Toolbar Frame of your store and applied to all or any page in the store.

To do this,
1. Create a new Toolbar page
2. Flip across to the Pages tab at the top of the Tree View
3. Select the store Page in the Tree View you wish to assign the Toolbar to
4. Select your Toolbar Page from the 'Assign a Toolbar Page' dropdown menu

Every new store Page you add after this will automatically have that Toolbar assigned to it, until you assign a new Toolbar Page.


Creating your own custom toolbar
Creating a custom toolbar is simply a matter of creating a new page in the tree-view Toolbars tab. Any page created here becomes a toolbar page and can be applied to the Toolbar Frame from the 'Assign a Toolbar Page' dropdown menu on the Setup sub-tab for any store page.

Once a page for your Toolbar has been assigned it will remain as the default toolbar for each new page you add to your store. This can be over-ridden by selecting a new toolbar for the relevant page.

You can design your Toolbar Page any way you like, however you must remember the following:
1) Once the page is assigned to the Toolbar Frame, the visible area of that page is limited to the height you have set for the Toolbar Frame.
2) Your Toolbar page should contain at least a Checkout' button. This is the only way users will be able to access the order form once they have finished their shopping. You may also want to include a 'Back' button, a 'View Basket' button and possibly a 'Search' field.

These buttons can be easily created in your favourite graphics package and then inserted onto your page using one of two methods:
1) Inserting each button as a Link Item, and then applying the relevant button property to it from the Button dropdown menu on the 'Link To' sub-tab.
2) Adding a Display Item, then inserting each button using the 'insert image' button on the EROL HTML Editor.

When you insert an image you will be given the option of making the image one of the toolbar buttons. Once you have checked the relevant choice, EROL will automatically insert the correct code making your button active.

It is NOT possible to insert your own code to control the 'Back', 'Checkout' and 'View Basket' buttons.

Note: When you build a Toolbar page in EROL, EROL will not display it as a Toolbar page until it has been assigned in the Toolbar tab.


Assigning a default Toolbar to all new store Pages
If you require the same Toolbar to be assigned to all new pages you add to your store (most stores will only ever use one toolbar, so this is often the case), you can assign it to all new pages as the default toolbar.

To do this:
1. Select Tools > Options... from the main EROL toolbar
2. Click the 'Page Defaults' button
3. Set up your default Page
4. Select a default Toolbar from the 'Toolbar' dropdown
5. Click 'Save and Close'

All new Pages you add will now be inserted with your Toolbar as default.

You can change the Toolbar for any individual Page once it has been added by assigning a different one from the 'Assign a Toolbar Page' dropdown menu.


No toolbar
Should you wish not to have a Toolbar or Toolbar Frame at all simply uncheck the 'Include Toolbar Frame' checkbox on the Toolbar Frame tab.

Remember that if you remove the toolbar from your store, every page in your store should provide at very least a 'Checkout' button. This is the only way users will be able to access the order form once they have finished their shopping. You may also want to include a 'Back' button and a 'View Basket' button.

These buttons can be easily created in your favourite graphics package and then inserted onto your page using one of two methods:

1) Inserting each button as a Link Item, and then applying the relevant button property to it from the Button dropdown menu on the 'Link To' sub-tab.
2) Using a Display Item, insert each button using the 'insert image' button on the EROL HTML Editor. Then highlight the inserted image code and click the 'insert link' button. This will allow you to add an action (i.e. Back, View Basket, Go to Checkout) to the button

When you insert an image you will be given the option of making the image one of the toolbar buttons. Once you have checked the relevant choice, EROL will automatically insert the correct code making your button active.

It is NOT possible to insert your own code to control the 'Back', 'Checkout' and 'View Basket' buttons.